<!--
 * @Description: 
 * @Author: Sun
 * @Date: 2019-08-10 13:42:11
 * @LastEditors: Sun
 * @LastEditTime: 2019-08-19 21:34:51
 -->
<template>
  <div class="hello">
		<ul>
			<li v-for="(item,index) in dataArry" :key="index">
				{{index}}	<router-link :to="item.url">{{item.text}}</router-link>
			</li>
		</ul>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      dataArry:[
				{text:"下拉组件",url:"/deon"},
				{text:"滚动条",url:"/scro"},
        {text:"公司滚动条",url:"/go"},
        {text:"单选双选",url:"/danone"},
				{text:"时间组件",url:"/datas"},
				{text:"拖动组件",url:"/drag"},
        {text:"拖动条数",url:"/dragul"},
        {text:"跑马灯效果",url:"/pm"},
        {text:"节流和防抖",url:"/jie"},
			]
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display:block;
  margin:  10px;
}
a {
  color: #42b983;
}
</style>
